* {
    margin:0;
    padding: 0;
    box-sizing: border-box;
    font-size: 16px;
}

.wrap{
    .page{
        padding: .52rem .3rem;
        &>div{
            display: flex;
            justify-content: space-between;
            height: 1.4rem;
            align-items: center;
            &>div:nth-child(2){
                width: 5.4rem;
                position: relative;
                &>div:nth-child(1){
                    width:5.4rem;
                    height:.7rem;
                    background:rgba(247,247,247,1);
                    border-radius:.006rem;
                    padding-left: .3rem;
                    font-size:.28rem;
                    font-family:PingFang-SC-Medium;
                    font-weight:500;
                    color:rgba(51,51,51,1);
                    display: flex;
                    justify-content: space-between;
                    align-items: center;
                    &>div:nth-child(2){
                        width: .27rem;
                        height: .13rem;
                        border-top: 0.13rem solid #CCCCCC;
                        border-left: .13rem solid transparent;
                        border-right: 0.13rem solid transparent;
                        margin-right: .3rem
                    }
                }
                &>div:nth-child(2){
                    width:5.4rem;
                    background:rgba(255,255,255,1);
                    border:1px solid rgba(230,230,230,1);
                    position: absolute;
                    top: .73rem;
                    z-index: 100;
                    &>div{
                       border-bottom: 1px solid rgba(230,230,230,1); 
                       line-height: .7rem;
                       padding-left: .3rem;
                        font-size:.3rem;
                        font-family:PingFang-SC-Medium;
                        font-weight:500;
                        color:rgba(51,51,51,1);
                    }
                    &>div:last-of-type{
                        height: .7rem;
                        font-size:.3rem;
                        font-family:PingFang-SC-Medium;
                        font-weight:500;
                        color:rgba(0,132,255,1);
                        border-bottom:none;
                        padding-left: .3rem;

                        display: flex;
                        align-items: center;
                        &>div:nth-child(1){
                            width:.4rem;
                            height:.4rem;
                            border:1px solid #0084FF;
                            border-radius:50%;
                            text-align: center;
                            line-height: .33rem;
                            margin-right: .2rem;
                        }
                        &>div:nth-child(2){
                            font-size:.3rem;
                        }
                    }
                }

            }
            &>div:nth-child(1){
                font-size:.28rem;
                font-family:PingFang-SC-Medium;
                font-weight:500;
                color:rgba(51,51,51,1);
            }
        }
    }

    .modelWrap{
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background:rgba(0,0,0,.7);
        z-index: 300;
        .alertWrap{
            width: 5.4rem;
            background:rgba(255,255,255,1);
            border-radius:.12rem;
            position: absolute;
            left: 50%;
            top: 30%;
            -webkit-transform: translate(-50%, -30%);
            transform: translate(-50%, -50%);
            .alert-title{
                height: .9rem;
                line-height: .9rem;
                text-align: center;
                font-size:.3rem;
                font-family:PingFang-SC-Bold;
                font-weight:bold;
                color:rgba(51,51,51,1);
            }
            .containner{
                padding: .2rem .4rem;
                input:nth-child(1){
                    width:4.6rem;
                    height:.7rem;
                    border:1px solid rgba(204,204,204,1);
                    border-radius:6px;
                    outline: none;
                    padding-left: .2rem;
                    margin-bottom: .2rem
                }
            }
            .btnWrap{
                width: 100%;
                height: .8rem;
                &::after{
                    visibility: hidden;
                    display: block;
                    font-size: 0;
                    content:'';
                    clear:both;
                    height: 0;
                }
                &>div{
                    line-height: .8rem;
                    width: 50%;
                    text-align: center;
                    float: left;
                    border-top:  1px solid #CCCCCC;
                    color: #0084FF
                }
                &>div:nth-child(1){
                     border-right: 1px solid #CCCCCC
                }
                
            }
        }
    }

}
